<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  	<link rel="stylesheet" href="css/bootstrap.min.css" />
    <script type="text/javascript" src="js/index.js"></script>
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/bootstrap-dropdown.js"></script>
	<script type="text/javascript" src="js/bootstrap-modal.js"></script>
	<style type="text/css">
			#qq{
				background-color:#ccc;
				width:200px;
				margin-top:-14px;
				margin-left:173px;
				display:none;
			}
			#tx{
				width:200px;
				height:20px;
			}
			body{
				background-color:#cff;
			}
			#div1{
				padding-left:100px;
			}
			#divform{
				padding-left:335px;
				padding-top:-20empx;
				float:left;
			}
			
		</style>
	
  </head>
  
  <body>
  	<div class="navbar">
		<div class="navbar-inner">
			<div class="container">
				<ul class="nav nav-pills">
					<li class="active"><a href="#">欢迎进入项目管理系统</a>
					</li>
					<li class="active"><a href="#"></a></li>
				</ul>
				<ul class="nav pull-right">
					<li class="dropdown" id="fat-menu"><a data-toggle="dropdown"
						class="dropdown-toggle" href="#"><b class="caret"></b> </a>
						<ul class="dropdown-menu">
							<li><a href="password.jsp">权限设置</a>
							</li>
							<li class="divider"></li>
							<li><a href="safe_exit.jsp">安全退出</a>
							</li>
						</ul>
					</li>
				</ul>

			</div>
		</div>
	</div>
    <div id="div1">
    <form action="user.jspx" method="post" >
		请选择要添加的成员：<input type="text" id ="tx" onclick="textxuan()"/>
		<input type="button" value="添加"/>
	</form>
	<div id="divform">
		<form action="" method="post">
			<input type="button" value="移除"/>
			请选择要移除的成员：<select name="select" size="1">
				<option value="aa" selected="selected">请选择</option>
				<option value="aa" >tom</option>
			</select>
		</form>
	</div>
	</div>	
		
		
		<div id="qq">
				<ul>
					<li><input type="checkbox" name="ra" value="tom"/>tom</li>
					<li><input type="checkbox" name="ra" value="lili"/>lili</li>
					<li><input type="checkbox" name="ra" value="lucy"/>lucy</li>
	
					<li><input type="checkbox" name="ra" value="jom"/>jom</li>
					<li><input type="checkbox" name="ra"/ value="lilei">lilei</li>
					<input type="button" value="选择" onclick="radioxuan()" />
				</ul>
		</div>
			
		<script type="text/javascript">
			function textxuan(){
				var list = document.getElementById("qq");
				list.style.display = "block";
			}
			function radioxuan(){
				var list = document.getElementById("qq");
				list.style.display = "none";
				
				var ra = document.getElementsByName("ra");
				var value="";
				for(var i = 0;i < ra.length;i++){
					
					if(ra[i].checked == true){
						value = ra[i].value;
						break;
					}
				
				}
				document.getElementById("tx").value = value; 
			}
		
		</script>
	</body>
</html>
